<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title>YaYaYa's Marble Race</title>
	<link rel="shortcut icon" href="favicon.ico">
	<link rel="stylesheet" type="text/css" href="index.css">
</head>

<body>
	<div class="page">
		<b class="bigtitle">YaYaYa's Marble Race</b>
		<p class="bigtitle2">第1赛季颁奖仪式</p>
	</div>
	<div class="page hidden">
		<b class="bigtitle">数据来源</b>
		<p class="title">感谢粉丝【MLP万岁】提供本视频中的全部统计数据</p>
		<img src="img/mlp.webp" style="width:250px;height:250px;border-radius:50%"></img>
	</div>
	<div class="page hidden">
		<b class="bigtitle">个球奖项</b>
	</div>
	<div class="page hidden">
		<b class="bigtitle">“稳居榜首”奖</b>
		<p class="title"><span class="colored" color=26 text>蓝色</span>从第4期到第9期，连续6期稳居榜首，太强了！</p>
		<div class="colored" color=26 style="width:250px;height:250px;border-radius:50%"></div>
	</div>
	<div class="page hidden">
		<b class="bigtitle">“稳定垫底”奖</b>
		<p class="title"><span class="colored" color=6 text>橙色</span>从第2期到第6期，连续5期稳定垫底，且前5期从未出过倒数前10</p>
		<div class="colored" color=6 style="width:250px;height:250px;border-radius:50%"></div>
	</div>
	<div class="page hidden">
		<b class="bigtitle">“最佳进步”奖</b>
		<p class="title"><span class="colored" color=33 text>紫丁香</span>在第2期中从第46名进步到了第20名，足足进步了26名，很棒！</p>
		<div class="colored" color=33 style="width:250px;height:250px;border-radius:50%"></div>
	</div>
	<div class="page hidden">
		<b class="bigtitle">“最大退步”奖</b>
		<p class="title"><span class="colored" color=42 text>灰色</span>在第4期中从第12名退步到了第35名，足足退步了23名……</p>
		<div class="colored" color=42 style="width:250px;height:250px;border-radius:50%"></div>
	</div>
	<div class="page hidden">
		<b class="bigtitle">个球排名</b>
		<p class="bigtitle2">排行榜中只显示前10名</p>
	</div>
	<div class="page hidden" id="colorTotal">
		<b class="bigtitle2">个球总分排名</b>
		<p class="title" id="colorTotalRanklistTitle"></p>
		<div style="width:100%;display:flex;flex-direction:column;align-items:center;font-size:28px"
			id="colorTotalRanklist"></div>
	</div>
	<div class="page hidden">
		<b class="bigtitle">个球季军</b>
		<p class="bigtitle2">恭喜<span class="colored" color=26 text>蓝色</span>获得第1赛季个球季军！</p>
		<p class="title">（其实<span class="colored" color=26 text>蓝色</span>前几期都很稳的，只可惜偏偏最后一期掉链子了）</p>
		<div class="colored" color=26 style="width:250px;height:250px;border-radius:50%"></div>
	</div>
	<div class="page hidden">
		<b class="bigtitle">个球亚军</b>
		<p class="bigtitle2">恭喜<span class="colored" color=23 text>水色</span>获得第1赛季个球亚军！</p>
		<p class="title">（与冠军类似，都是后来居上）</p>
		<div class="colored" color=23 style="width:250px;height:250px;border-radius:50%"></div>
	</div>
	<div class="page hidden">
		<b class="bigtitle">个球冠军</b>
		<p class="bigtitle2">恭喜<span class="colored" color=14 text>金色</span>获得第1赛季个球冠军！</p>
		<p class="title">（后来居上的冠军，很棒！）</p>
		<div class="colored" color=14 style="width:250px;height:250px;border-radius:50%"></div>
	</div>
	<div class="page hidden">
		<b class="bigtitle">团队奖项</b>
	</div>
	<div class="page hidden">
		<b class="bigtitle">“稳居榜首”奖</b>
		<p class="title"><span class="colored" color=26 text>蓝队</span>从第1期到第4期，连续4期稳居榜首，可惜后面就不行了……</p>
		<div style="display:flex">
			<div class="colored" color=25 style="width:200px;height:200px;border-radius:50%"></div>
			<div class="colored" color=26 style="width:200px;height:200px;border-radius:50%"></div>
			<div class="colored" color=27 style="width:200px;height:200px;border-radius:50%"></div>
			<div class="colored" color=28 style="width:200px;height:200px;border-radius:50%"></div>
			<div class="colored" color=29 style="width:200px;height:200px;border-radius:50%"></div>
		</div>
	</div>
	<div class="page hidden">
		<b class="bigtitle">“最佳进步”奖</b>
		<p class="title"><span class="colored" color=31 text>紫队</span>在第2期中从第10名进步到第2名，从榜尾一跃进入榜首！</p>
		<div style="display:flex">
			<div class="colored" color=30 style="width:200px;height:200px;border-radius:50%"></div>
			<div class="colored" color=31 style="width:200px;height:200px;border-radius:50%"></div>
			<div class="colored" color=32 style="width:200px;height:200px;border-radius:50%"></div>
			<div class="colored" color=33 style="width:200px;height:200px;border-radius:50%"></div>
			<div class="colored" color=34 style="width:200px;height:200px;border-radius:50%"></div>
		</div>
	</div>
	<div class="page hidden">
		<b class="bigtitle">“一撅不振”奖</b>
		<p class="title"><span class="colored" color=37 text>粉队</span>在第2期中从第3名退步到第10名，从此一“撅”不振……</p>
		<div style="display:flex">
			<div class="colored" color=35 style="width:200px;height:200px;border-radius:50%"></div>
			<div class="colored" color=36 style="width:200px;height:200px;border-radius:50%"></div>
			<div class="colored" color=37 style="width:200px;height:200px;border-radius:50%"></div>
			<div class="colored" color=38 style="width:200px;height:200px;border-radius:50%"></div>
			<div class="colored" color=39 style="width:200px;height:200px;border-radius:50%"></div>
		</div>
	</div>
	<div class="page hidden">
		<b class="bigtitle">团队排名</b>
	</div>
	<div class="page hidden" id="teamTotal">
		<b class="bigtitle2">团队总分排名</b>
		<p class="title" id="teamTotalRanklistTitle"></p>
		<div style="width:100%;display:flex;flex-direction:column;align-items:center;font-size:28px"
			id="teamTotalRanklist"></div>
	</div>
	<div class="page hidden">
		<b class="bigtitle">团队季军</b>
		<p class="bigtitle2">恭喜<span class="colored" color=21 text>青队</span>获得第1赛季团队季军！</p>
		<div style="display:flex">
			<div class="colored" color=20 style="width:200px;height:200px;border-radius:50%"></div>
			<div class="colored" color=21 style="width:200px;height:200px;border-radius:50%"></div>
			<div class="colored" color=22 style="width:200px;height:200px;border-radius:50%"></div>
			<div class="colored" color=23 style="width:200px;height:200px;border-radius:50%"></div>
			<div class="colored" color=24 style="width:200px;height:200px;border-radius:50%"></div>
		</div>
	</div>
	<div class="page hidden">
		<b class="bigtitle">团队亚军</b>
		<p class="bigtitle2">恭喜<span class="colored" color=26 text>蓝队</span>获得第1赛季团队亚军！</p>
		<div style="display:flex">
			<div class="colored" color=25 style="width:200px;height:200px;border-radius:50%"></div>
			<div class="colored" color=26 style="width:200px;height:200px;border-radius:50%"></div>
			<div class="colored" color=27 style="width:200px;height:200px;border-radius:50%"></div>
			<div class="colored" color=28 style="width:200px;height:200px;border-radius:50%"></div>
			<div class="colored" color=29 style="width:200px;height:200px;border-radius:50%"></div>
		</div>
	</div>
	<div class="page hidden">
		<b class="bigtitle">团队冠军</b>
		<p class="bigtitle2">恭喜<span class="colored" color=45 text>闪队</span>获得第1赛季团队冠军！</p>
		<div style="display:flex">
			<div class="colored" color=45 style="width:200px;height:200px;border-radius:50%"></div>
			<div class="colored" color=46 style="width:200px;height:200px;border-radius:50%"></div>
			<div class="colored" color=47 style="width:200px;height:200px;border-radius:50%"></div>
			<div class="colored" color=48 style="width:200px;height:200px;border-radius:50%"></div>
			<div class="colored" color=49 style="width:200px;height:200px;border-radius:50%"></div>
		</div>
	</div>
	<div class="page hidden">
		<b class="bigtitle">颁奖仪式到此结束！</b>
		<p class="title">如果有其它脑洞大开的自创奖项，欢迎在评论区自由发挥~</p>
		<img src="img/yayaya.webp" style="width:250px;height:250px;border-radius:50%"></img>
	</div>
</body>

<!-- Initialization -->
<script src="src/init.js"></script>

<!-- Configuration: common -->
<script src="src/config/config.js"></script>
<script src="src/config/color/c50.js"></script>

<!-- Statistics data -->
<script src="stat/statdata1.js"></script>
<script src="stat/stat.js"></script>

<!-- Utility: color -->
<script src="src/utility/colorutility.js"></script>

<!-- UI Engine -->
<script src="uiengine/uiengine.js"></script>

<!-- Pages -->
<script src="pages/pageconfig1.js"></script>
<script src="pages/color.js"></script>
<script src="pages/pages.js"></script>

</html>